<!DOCTYPE html>
<html>
	<head>
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui" />
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="apple-mobile-web-app-status-bar-style" content="black" />
		<meta name="format-detection" content="telephone=no, email=no" />
		<meta charset="UTF-8">
		<title>中智谷官网</title>
		<link rel="stylesheet" href="css/phone.css">
		<style>
			* {
				margin: 0;
				padding: 0;
				outline: none;
				list-style: none;
				text-decoration: none;
			}
		</style>
	</head>
	<body>
		<!-- 首页导航栏 -->
		<div class="Zzg_NavigationBar_Root">
			<!-- 首页logo -->
			<img class="Zzg_NavigationBar_Logo" src="img/logo.png" />
			<!-- 首页标题 -->
			<p class="Zzg_NavigationBar_Title">中智谷</p>
			<!-- 首页功能条 -->
			<div class="Zzg_NavigationBar_Function">
				<img style="max-width: 100%;width: auto;height: auto;margin-top: 5px;" src="img/HomeFunction.png">
				<!-- <div class="droplist">
					<a href="index.html">首页</a>
					<a href="index.html">解决方案</a>
					<a href="index.html">产品中心</a>
					<a href="index.html">新闻资讯</a>
					<a href="index.html">关于我们</a>
					<a href="index.html">联系我们</a>
				</div> -->
			</div>
		</div>
		
		
		<!-- 中智谷公司项目标题部分 -->
		<div class="other">
			<span>产品中心</span>
			<i>PRODUCTS</i>
		</div>

		<!-- 顶部图片 -->
		<img src="img/ProductCenter/顶部.png" style="width: 100%;height: auto;" alt="">

		<!-- 横向栏目 -->
		<div
			style="width: 100%;height: 25px;display: flex;align-items: center;justify-content: center;flex-direction: row;">
			<!-- 方案一 -->
			<div style="width: 25%;height: 100%;display: flex;align-items: center;justify-content: center;">
				<span style="color: #41a863;font-size: small;">LED路线牌</span>
			</div>
			<!-- 方案二 -->
			<div style="width: 25%;height: 100%;display: flex;align-items: center;justify-content: center;">
				<span style="color: #000;font-size: small;">LED屏配件</span>
			</div>
			<!-- 方案三 -->
			<div style="width: 25%;height: 100%;display: flex;align-items: center;justify-content: center;">
				<span style="color: #000;font-size: small;">LED导程屏</span>
			</div>
			<!-- 方案四 -->
			<div style="width: 25%;height: 100%;display: flex;align-items: center;justify-content: center;">
				<span style="color: #000;font-size: small;">LED报站器</span>
			</div>
		</div>

		<!-- 具体内容 -->
		<div style="width: 100%;display: flex;align-items: center;justify-content: center;flex-direction: column;">
			
			<!-- 123 -->
			<div style="width: 90%;height: 100px;display: flex;flex-direction: row;background-color: white;margin-top: 20px;align-items: center;justify-content: center;">
				<!-- 1 -->
				<div style="width: 32%;height: 100px;box-shadow: 0 1px 1px #bbb;">
					<div style="width: 100%;height: 75px;display: flex;flex-direction: column;align-items: center;justify-content: center;">
					     <img src="img/ProductCenter/LED图片/11点阵.png" style="max-width: 100%;max-height: 75px;width: auto;height: auto;" alt="">
					</div>
					<div style="width: 100%;height: 1px;background-color: #f0f0f0;"></div>
					<span style="font-size: small;font-weight: 600;margin-left: 3px;">11系列</span>
				</div>
				<!-- 2 -->				
				<div style="width: 32%;height: 100px;box-shadow: 0 1px 1px #bbb;">
					<div style="width: 100%;height: 75px;display: flex;flex-direction: column;align-items: center;justify-content: center;">
					     <img src="img/ProductCenter/LED图片/13点阵.png" style="max-width: 100%;max-height: 75px;width: auto;height: auto;" alt="">
					</div>
					<div style="width: 100%;height: 1px;background-color: #f0f0f0;"></div>
					<span style="font-size: small;font-weight: 600;margin-left: 3px;">13系列</span>
				</div>
				<!-- 3 -->				
				<div style="width: 32%;height: 100px;box-shadow: 0 1px 1px #bbb;">
					<div style="width: 100%;height: 75px;display: flex;flex-direction: column;align-items: center;justify-content: center;">
					     <img src="img/ProductCenter/LED图片/16点系列.png" style="max-width: 100%;max-height: 75px;width: auto;height: auto;" alt="">
					</div>
					<div style="width: 100%;height: 1px;background-color: #f0f0f0;"></div>
					<span style="font-size: small;font-weight: 600;margin-left: 3px;">16系列</span>
				</div>
			</div>
			
			<!-- 456 -->
			<div style="width: 90%;height: 100px;display: flex;flex-direction: row;background-color: white;margin-top: 20px;align-items: center;justify-content: center;">
				<!-- 4 -->		
				<div style="width: 32%;height: 100px;box-shadow: 0 1px 1px #bbb;">
					<div style="width: 100%;height: 75px;display: flex;flex-direction: column;align-items: center;justify-content: center;">
					     <img src="img/ProductCenter/LED图片/17点系列.png" style="max-width: 100%;max-height: 75px;width: auto;height: auto;" alt="">
					</div>
					<div style="width: 100%;height: 1px;background-color: #f0f0f0;"></div>
					<span style="font-size: small;font-weight: 600;margin-left: 3px;">17系列</span>
				</div>
				<!-- 5 -->				
				<div style="width: 32%;height: 100px;box-shadow: 0 1px 1px #bbb;">
					<div style="width: 100%;height: 75px;display: flex;flex-direction: column;align-items: center;justify-content: center;">
					     <img src="img/ProductCenter/LED图片/20（24）系列(1).jpg" style="max-width: 100%;max-height: 75px; width: auto;height: auto;" alt="">
					</div>
					<div style="width: 100%;height: 1px;background-color: #f0f0f0;"></div>
					<span style="font-size: small;font-weight: 600;margin-left: 3px;">20系列</span>
				</div>
				<!-- 6 -->			
				<div style="width: 32%;height: 100px;box-shadow: 0 1px 1px #bbb;">
					<div style="width: 100%;height: 75px;display: flex;flex-direction: column;align-items: center;justify-content: center;">
					     <img src="img/ProductCenter/LED图片/全彩屏.jpg" style="max-width: 100%;max-height: 75px; width: auto;height: auto;" alt="">
					</div>
					<div style="width: 100%;height: 1px;background-color: #f0f0f0;"></div>
					<span style="font-size: small;font-weight: 600;margin-left: 3px;">全彩屏系列</span>
				</div>
			</div>
			
			<!-- 789 -->
			<div style="width: 90%;height: 100px;display: flex;flex-direction: row;background-color: white;margin-top: 20px;align-items: center;justify-content: start;">
				<!-- 7 -->
				<div style="width: 32%;height: 100px;box-shadow: 0 1px 1px #bbb;">
					<div style="width: 100%;height: 75px;display: flex;flex-direction: column;align-items: center;justify-content: center;">
					     <img src="img/ProductCenter/LED图片/内屏.jpg" style="max-width: 100%;max-height: 75px; width: auto;height: auto;" alt="">
					</div>
					<div style="width: 100%;height: 1px;background-color: #f0f0f0;"></div>
					<span style="font-size: small;font-weight: 600;margin-left: 3px;">内屏系列</span>
				</div>
				<!-- 8 -->				
				<div style="width: 32%;height: 100px;box-shadow: 0 1px 1px #bbb;">
					<div style="width: 100%;height: 75px;display: flex;flex-direction: column;align-items: center;justify-content: center;">
					     <img src="img/ProductCenter/LED图片/曲面屏弧形屏.png" style="max-width: 100%;max-height: 75px; width: auto;height: auto;" alt="">
					</div>
					<div style="width: 100%;height: 1px;background-color: #f0f0f0;"></div>
					<span style="font-size: small;font-weight: 600;margin-left: 3px;">曲面屏弧形屏系列</span>
				</div>
				<!-- 9 -->			
				<!-- <div style="width: 32%;height: 100px;margin-left: 2%;box-shadow: 0 1px 1px #bbb;"></div> -->
			</div>
			
		</div>
		
		
		
		<!-- 占位置 -->
		<div style="width: 100%;height: 20px;background-color: white;"></div>
		
		<!-- 分割线 -->
		<div style="width: 100%;height: 2px;background-color: #d3d3d3;margin-top: 15px;"></div>

		<!-- 留言板信息部分 -->
		<div
			style="width: 100%;display: flex;align-items: center;justify-content: center;background-color: #f0f0f0;flex-direction: column;">
			<div style="width: 90%;margin-top: 18px;display: flex;flex-direction: row;">
				<div style="width: 65%;height: 120px;display: flex;flex-direction: column;">
					<span style="color: #0ca41f;font-size: small;font-weight: 600;">深圳市中智谷电子科技有限公司</span>
					<span style="color: #808080;font-size: small;margin-top: 13px;">电话:0086-0755-29080552</span>
					<span style="color: #808080;font-size: small;margin-top: 3px;">邮箱:info@ledzzg.com</span>
					<span style="color: #808080;font-size: small;margin-top: 3px;">传真:0086-0755-29080595</span>
					<span style="color: #808080;font-size: small;margin-top: 3px;">地址:北京市朝阳区三元桥时间国际8号</span>
				</div>
				<div
					style="width: 35%;height: 120px;display: flex;align-items: center;justify-content: center;flex-direction: column;">
					<span style="color: #808080;font-size: small;font-size: small;height: 25px;">关注我们</span>
					<div style="width: 100%;height: 80px;">
						<div
							style="width: 100%;height: 40px;display: flex;align-items: center;justify-content: center;flex-direction: row;">
							<img src="img/weibo.png" style="max-width: 35px;max-height: 35px;height: auto;width: auto;"
								alt="">
							<img src="img/weixin.png"
								style="max-width: 30px;max-height: 30px;height: auto;width: auto;margin-left: 5px;"
								alt="">
						</div>
						<div
							style="width: 100%;height: 40px;display: flex;align-items: center;justify-content: center;flex-direction: row;">
							<img src="img/weibo.png" style="max-width: 35px;max-height: 35px;height: auto;width: auto;"
								alt="">
							<img src="img/weixin.png"
								style="max-width: 30px;max-height: 30px;height: auto;width: auto;margin-left: 5px;"
								alt="">
						</div>
					</div>
				</div>
			</div>
		</div>

		<!-- 留言板输入部分 -->
		<div
				style="width: 100%;background-color: #f0f0f0;display: flex;align-items: center;justify-content: center;flex-direction: column;">
			<span style="font-size: small;color: #808080;">联系我们</span>
			<form action="http://43.142.136.160:9797/sendMail"  method="post" style="margin-top: 30px;width: 95%;margin-left: 5%;">
				<input type="text" name="message"
					   style="width: 95%; height: 25px;padding-left: 5px; margin-top: 5px;border-radius:3px 3px;"
					   placeholder="请在此输入留言内容我们会尽快回复你(必填)">
				<input type="text" name="name"
					   style="width: 95%;height: 25px;padding-left: 5px; margin-top: 5px;border-radius:3px 3px;"
					   placeholder="姓名">
				<input type="text" name="tel"
					   style="width: 95%;height: 25px;padding-left: 5px; margin-top: 5px;border-radius:3px 3px;"
					   placeholder="电话(必填)">
				<input type="text" name="mail"
					   style="width: 95%;height: 25px;padding-left: 5px; margin-top: 5px;border-radius:3px 3px;"
					   placeholder="邮箱">
				<input type="text" name="location"
					   style="width: 95%;height: 25px;padding-left: 5px; margin-top: 5px;border-radius:3px 3px;"
					   placeholder="地址">
				<button
						style="background-color: #0ca41f;width: 100px;height: 30px;border-radius: 5px;margin-top: 10px;" name="post">提交</button>
			</form>
		</div>


		<!-- 占位置 -->
		<div style="width: 100%;height: 50px;background-color: #f0f0f0;"></div>

	</body>
</html>
